.center {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.shadow_on {
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    position: relative;
    z-index: 222;
    border-bottom: 1px solid #efefef \9;
}

#container {
    top: 58px !important;
    height: auto;
}

.screen .pin {
    content: '';
    width: 26px;
    height: 38px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-size: 26px 38px;
    background-position: center;
    background-repeat: no-repeat;
}

.input {
    display: block;
    padding: 10px;
    color: #8D8D8E;
    border-radius: 3px;
    font-size: 14px !important;
    border: none;
    background: #fff;
    outline: 0;
}

.hoverBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 319;
}

.close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url("/images/ui/close-new.png");
    background-image: none \0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    /*-For-IE8-*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ ui/close-new.png, sizingMethod=scale);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/close-new.png,sizingMethod=scale)";
    z-index: 9;
    opacity: 1;
}

.close:hover {
    background-image: url("/images/ui/close-new-hover.png");
    background-image: none \0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    /*-For-IE8-*/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ ui/close-new-hover.png, sizingMethod=scale);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/ui/close-new-hover.png,sizingMethod=scale)";
    opacity: 1;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 0;
    outline: none;
}

.wHide {
    display: none !important;
}

.wVisno {
    visibility: hidden !important;
}

.btn-loading {
    overflow: hidden;
    text-indent: -999rem;
    ursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    position: relative;
}

.btn-loading:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    display: block;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    background-image: url(/global/images/btn-loading-new.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center center;
    -ms-behavior: url(/iscripts/libs/ie8/backgroundsize.min.htc);
    behavior: url(/iscripts/libs/ie8/backgroundsize.min.htc);
    *background-image: url(/global/images/btn-loading@1x.gif);
    -webkit-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite;
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
        transform: rotate(0deg) translateZ(0);
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0);
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg) translateZ(0);
        transform: rotate(0deg) translateZ(0);
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0);
    }
}

body, html, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {
    font-family: "Hiragino Sans GB", "华文细黑", "STHeiti", "微软雅黑", "Microsoft YaHei", SimHei, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#Header {
    position: relative;
    z-index: 222
}

#Header .content {
    height: 50px;
    padding: 13px 0;
    position: relative;
    -webkit-font-smoothing: antialiased
}

#Header .header .content:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#Header .headLogo {
    display: inline-block;
    width: 105px;
    height: 23px;
    font-size: 24px;
    vertical-align: top;
    margin-left: 30px;
    color: #4785f9
}

#Header .unilumin {
    height: 12px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .3px;
    margin-left: 2px;
    color: #212022;
    vertical-align: bottom
}

#Header .nav {
    display: inline-block;
    vertical-align: top;
    height: 37px;
    float: right
}

#Header .nav a {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    color: #83848e;
    font-size: 14px;
    -webkit-transition: all .2s cubic-bezier(.4, .5, .5, .4);
    transition: all .2s cubic-bezier(.4, .5, .5, .4)
}

#Header .nav a.active, #Header .nav a:hover {
    color: #212022
}

#Header .user {
    color: #b3b5b7;
    margin-right: -58px;
    margin-left: 76px
}

#Header .icon-user-pc {
    margin-right: 1.3px
}

#Header .ll, #Header .lo {
    margin-right: 24px;
    margin-left: 0
}

#Header [class^=ch-] {
    margin-right: 50px
}

@media screen and (min-width: 767px) and (max-width: 992px) {
    #Header .headLogo {
        margin-left: 24px
    }

    #Header .ll, #Header .lo {
        margin-right: 24px;
        margin-left: 0
    }

    #Header [class^=ch-] {
        margin-right: 28px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #Header .headLogo {
        margin-left: 26px
    }

    #Header .ll, #Header .lo {
        margin-right: 26px
    }
}

@media screen and (min-width: 1200px) {
    #Header .headLogo {
        margin-left: 30px
    }

    #Header .ll, #Header .lo {
        margin-right: 29.5px
    }
}

#Header .login-in [class^=ch-] {
    display: inline-block
}

#Header .login-in .ll {
    display: none
}

#Header .login-in .lo {
    display: inline-block
}

#Header .login-in .user {
    display: inline-block
}

#Header .login-out [class^=ch-] {
    display: inline-block
}

#Header .login-out .ll {
    display: inline-block
}

#Header .login-out .lo {
    display: none
}

#Header .login-out .user {
    display: none
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0)
    }
}

#Header {
    position: relative;
    z-index: 222
}

#Header .content {
    height: 50px;
    padding: 13px 0;
    position: relative;
    -webkit-font-smoothing: antialiased
}

#Header .header .content:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#Header .headLogo {
    display: inline-block;
    width: 105px;
    height: 23px;
    font-size: 24px;
    vertical-align: top;
    margin-left: 30px;
    color: #4785f9
}

#Header .unilumin {
    height: 12px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: .3px;
    margin-left: 2px;
    color: #212022;
    vertical-align: bottom
}

#Header .nav {
    display: inline-block;
    vertical-align: top;
    height: 37px;
    float: right
}

#Header .nav a {
    display: inline-block;
    height: 14px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    text-align: center;
    color: #83848e;
    font-size: 14px;
    -webkit-transition: all .2s cubic-bezier(.4, .5, .5, .4);
    transition: all .2s cubic-bezier(.4, .5, .5, .4)
}

#Header .nav a.active, #Header .nav a:hover {
    color: #212022
}

#Header .user {
    color: #b3b5b7;
    margin-right: -58px;
    margin-left: 76px
}

#Header .icon-user-pc {
    margin-right: 1.3px
}

#Header .ll, #Header .lo {
    margin-right: 24px;
    margin-left: 0
}

#Header [class^=ch-] {
    margin-right: 50px
}

@media screen and (min-width: 767px) and (max-width: 992px) {
    #Header .headLogo {
        margin-left: 24px
    }

    #Header .ll, #Header .lo {
        margin-right: 24px;
        margin-left: 0
    }

    #Header [class^=ch-] {
        margin-right: 28px
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #Header .headLogo {
        margin-left: 26px
    }

    #Header .ll, #Header .lo {
        margin-right: 26px
    }
}

@media screen and (min-width: 1200px) {
    #Header .headLogo {
        margin-left: 30px
    }

    #Header .ll, #Header .lo {
        margin-right: 29.5px
    }
}

.container, .container-fluid {
    position: relative;
}

.container-fluid {
    padding: 0;
}

div[class^="col-"] {
    position: relative;
}

.-immy-dialog-header .tool-close {
    width: 16px;
    height: 16px;
    padding-left: 0;
    margin-top: 15px;
    margin-right: 10px;
    display: none;
}

.-immy-dialog-mask .tool-close {
    position: fixed;
    right: 20px;
    top: 20px;
    cursor: pointer;
    font-size: 20px;
}

.-immy-dialog-mask .tool-close:hover {
    color: #b3b5b7;
}

@media screen and (max-width: 768px) {
    .-immy-dialog-header .tool-close {
        display: block;
    }

    .-immy-dialog-mask .tool-close {
        display: none;
    }
}

#Header .login-in [class^=ch-] {
    display: inline-block
}

#Header .login-in .ll {
    display: none
}

#Header .login-in .lo {
    display: inline-block
}

#Header .login-in .user {
    display: inline-block
}

#Header .login-out [class^=ch-] {
    display: inline-block
}

#Header .login-out .ll {
    display: inline-block
}

#Header .login-out .lo {
    display: none
}

#Header .login-out .user {
    display: none
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0) translateZ(0);
        transform: rotate(0) translateZ(0)
    }
    to {
        -webkit-transform: rotate(360deg) translateZ(0);
        transform: rotate(360deg) translateZ(0)
    }
}

#CustomerItemPage #Header .ch-index {
    color: #212022 !important
}

#Repair #Header .ch-repair {
    color: #212022 !important
}

#RentalPage #Header .ch-rental {
    color: #212022 !important
}

#SupplierPage #Header .ch-supplier {
    color: #212022 !important
}

#NumEnginer .enginer {
    width: 1140px;
    margin: 0 auto;
    text-align: left;
    margin-top: 113px
}

#NumEnginer .e-tit {
    font-size: 80px;
    color: #4785f9;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 21px;
    font-weight: 700
}

#NumEnginer .e-count {
    font-size: 48px;
    color: #83848e;
    margin-bottom: 122px
}

#NumEnginer .e-count a:focus, #NumEnginer .e-count a:hover {
    color: #83848e
}

#NumEnginer .e-blue {
    color: #4785f9;
    font-weight: 700
}

#NumEnginer .tel_call {
    margin-left: 57px;
    width: 317px;
    height: 60px;
    border: 1px solid #4785f9;
    border-radius: 100px;
    font-size: 24px;
    color: #4785f9;
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    margin-bottom: 3px;
    font-family: PingFangSC-Medium;
    letter-spacing: 0;
    text-align: center
}

#NumEnginer .tel_call .icon-zuoji {
    font-size: 28px;
    margin-right: 11px
}

@media (max-width: 1200px) {
    #NumEnginer .enginer {
        width: 940px
    }

    #NumEnginer .e-tit {
        font-size: 72px
    }

    #NumEnginer .e-count {
        font-size: 36px;
        color: #83848e
    }
}

@media (max-width: 992px) {
    #NumEnginer .enginer {
        width: 720px
    }

    #NumEnginer .e-tit {
        font-size: 64px;
        position: relative;
        padding-top: 72px
    }

    #NumEnginer .e-count {
        font-size: 32px;
        color: #83848e
    }

    #NumEnginer .tel_call {
        position: absolute;
        margin-left: 0;
        top: 0;
        left: 0
    }
}

#Inquiry .ask-repair {
    position: relative;
    background: #fff;
    height: 90px
}

#Inquiry .ask-repair .cityLocation {
    float: left;
    width: 195px;
    height: 90px;
    border-right: 1px solid #e3e8ee;
    padding: 32px 36px 32px 40px
}

#Inquiry .ask-repair .cityLocation .icon-location-1 {
    color: #4785f9;
    margin-right: 25px;
    font-size: 21px;
    position: absolute
}

#Inquiry .ask-repair .cityLocation .icon-circle-down {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    -webkit-transform: rotate(0) scale(.75, .75);
    -ms-transform: rotate(0) scale(.75, .75);
    transform: rotate(0) scale(.75, .75);
    top: 4px
}

#Inquiry .ask-repair .cityLocation .citySelect {
    padding-left: 20px;
    width: 90px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: center;
    cursor: pointer
}

#Inquiry .ask-repair .phone, #Inquiry .ask-repair .phone:focus {
    width: 70%;
    float: left;
    outline: 0;
    list-style: none;
    height: 88px;
    font-size: 14px;
    color: #212022;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 40px
}
#Inquiry .hasSubmit{
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFFFFF;
    border: 1px solid #e3e8ee;
    width: 100%;
    z-index: 9;
    padding: 20px;
    display: none;
}
#Inquiry .hasSubmit .title {
    color: #212022;
    font-size: 18px;
    margin: 0 0 15px;
    line-height: 20px;
    font-weight: 500;
}
#Inquiry .hasSubmit .title span {
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: 1px;
    color: #38c254;
}
#Inquiry .hasSubmit .info {
    color: #83848e;
    font-size: 14px;
    margin: 0;
}
#Inquiry .ask-repair .btn {
    float: left;
    background: #4785f9;
    width: 140px;
    height: 50px;
    color: #fff;
    float: right;
    padding: 0;
    font-size: 18px;
    line-height: 50px;
    margin-top: 20px;
    border-radius: 2px;
    margin-right: 20px
}

#Inquiry .ask-repair .btn:hover {
    background: #357ae8
}

#Inquiry .ask-repair .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

#Inquiry .ask-repair .bubbles {
    position: absolute;
    background-color: #f5a623;
    width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    left: 0px;
    top: -50px;
    border-radius: 30px
}

#Inquiry .ask-repair .bubbles .horn {
    width: 60px;
    height: 10px;
    float: left;
    background-size: 60px auto;
    position: absolute;
    bottom: -8px;
    right: 20px;
    margin-left: -30px
}

#Inquiry .ask-repair .errorTip {
    color: #fe3824;
    font-size: 14px;
    position: absolute;
    bottom: 33px;
    right: 168px
}

#Inquiry .ask-repair .icon-mark {
    margin-right: 1px;
    vertical-align: -1px
}

#Inquiry .info {
    font-size: 14px;
    line-height: 14px
}

#Inquiry .inWid {
    width: 31.6%;
    border-right: 1px solid #e3e8ee
}

#Inquiry .inWid1 {
    width: 36.8%
}

#Inquiry .phone {
    background: #fff
}

#Inquiry .unread {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 36px;
    background: red;
    line-height: 14px;
    text-align: center;
    bottom: 22px;
    font-size: 12px;
    border-radius: 14px;
    display: none
}

#Inquiry .btn {
    background: #4785f9;
    width: 110px;
    height: 50px;
    color: #fff;
    float: right;
    padding: 0;
    font-size: 18px;
    line-height: 50px;
    margin-top: 20px;
    border-radius: 2px;
    margin-right: 5px
}

#Inquiry .btn:hover {
    background: #357ae8
}

#Inquiry .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

#Inquiry .col-xs-3 {
    margin-bottom: 15px;
    padding: 0 0 0 10px
}

#Inquiry .inline {
    display: inline-block
}

#Inquiry .max {
    max-width: 150px
}

#Inquiry .askDiv {
    padding: 26px 0 26px 0;
    cursor: pointer
}

#Inquiry .font12 {
    font-size: 12px;
    line-height: 12px
}

#Inquiry .font13 {
    font-size: 13px;
    line-height: 13px
}

#Inquiry .title {
    margin-bottom: 10px;
    color: #212022;
    font-weight: 700
}

#Inquiry .select {
    border-bottom: 1px solid #e3e8ee;
    padding: 18px 0 18px 20px;
    font-size: 14px;
    line-height: 14px;
    color: #83848e;
    cursor: pointer
}

#Inquiry .col-xs-4 {
    padding-left: 20px
}

#Inquiry .option {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 1;
    border: 1px solid #e3e8ee;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .13);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .13)
}

#Inquiry .size {
    font-size: 14px;
    border: 0
}

#Inquiry .scrSize {
    padding: 20px 0 10px 20px;
    border-bottom: 1px solid #e3e8ee
}

#Inquiry .choose {
    border: 1px solid #e3e8ee;
    color: #83848e;
    text-align: center;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
    cursor: pointer
}

#Inquiry .city {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 26px;
    color: #83848e;
    cursor: pointer;
    display: inline-block;
    font-weight: 700
}

#Inquiry .blue {
    color: #4785f9;
    padding-right: 5px;
    font-size: 22px;
    padding-left: 5px
}

#Inquiry input {
    border: 0;
    font-size: 14px;
    outline: 0;
    width: 100%
}

#Inquiry .corChoosed, #Inquiry .locChoosed, #Inquiry .spanChoosed {
    color: #fff !important;
    background: #4785f9 !important;
    border-color: transparent
}

#Inquiry .span {
    padding-left: 10px;
    padding-right: 20px
}

#Inquiry .span1 {
    padding-left: 20px;
    padding-right: 5px
}

#Inquiry .span1 .col-xs-4 {
    padding-right: 15px;
    padding-left: 0
}

#Inquiry .span1 .col-xs-4:last-child {
    padding-right: 15px
}

#Inquiry .padding5 {
    padding-left: 5px
}

#Inquiry .top {
    margin-top: 20px
}

#Inquiry .width {
    display: inline-block
}

#Inquiry .textBor {
    border-bottom: 1px solid #e3e8ee;
    padding-bottom: 15px;
    padding-left: 20px
}

#Inquiry .logout {
    margin: 0
}

#Inquiry .login {
    margin: 0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px 0 #dce0e0;
    box-shadow: 0 1px 3px 0 #dce0e0;
    position: relative;
    border: 1px solid #e3e8ee
}

#Inquiry .login .userInfo {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

#Inquiry .login .userInfo i {
    display: none
}

#Inquiry .login .leftradius {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

#Inquiry .login .bubbles {
    position: absolute;
    background-color: #f5a623;
    width: 280px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    left: 0px;
    top: -50px;
    border-radius: 30px
}

#Inquiry .login .bubbles .horn {
    width: 60px;
    height: 10px;
    float: left;
    background-size: 60px auto;
    position: absolute;
    bottom: -8px;
    right: 20px;
    margin-left: -30px
}

#Inquiry .login .con-tip {
    position: absolute;
    top: 101px;
    right: 0;
    font-size: 12px;
    color: #f5a623;
    font-style: normal
}

#Inquiry .login .con-tip .icon-mark {
    margin-right: 1px;
    vertical-align: -1px
}

#Inquiry .errorTip {
    color: #fe3824;
    font-size: 14px;
    padding: 8px 0 0 15px
}

#Inquiry .tpl {
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .13);
    box-shadow: 0 1px 4px 2px rgba(0, 0, 0, .13);
    padding: 20px 20px 20px 20px;
    border: 1px solid #e2e2e2;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    height: 90px
}

#Inquiry .tpl .over-hidden {
    display: table;
    width: 100%
}

#Inquiry .tpl .inline {
    display: table-cell;
    vertical-align: top
}

#Inquiry .tpl .name {
    font-size: 24px;
    line-height: 24px;
    color: #212022;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 171px;
    padding-top: 13px
}

#Inquiry .tpl .info {
    padding: 0 5px 0 0;
    max-width: 654px
}

#Inquiry .tpl .scrInfo {
    font-size: 12px;
    line-height: 12px;
    color: #83848e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px
}

#Inquiry .tpl .scrInfo .left {
    float: left
}

#Inquiry .tpl .scrInfo .right {
    float: right
}

#Inquiry .tpl .userInfo {
    font-size: 12px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 30px
}

#Inquiry .tpl .userInfo data, #Inquiry .tpl .userInfo i {
    display: none
}

#Inquiry .tpl .scrType {
    font-size: 15px;
    line-height: 16px;
    color: #212022;
    padding-right: 22px;
    font-weight: 700
}

#Inquiry .tpl .time {
    color: #83848e;
    font-size: 12px;
    line-height: 12px
}

#Inquiry .tpl .message {
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #4785f9;
    float: right;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    position: relative;
    cursor: pointer
}

#Inquiry .tpl .message:hover {
    background: #357ae8
}

#Inquiry .tpl .message:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

#Inquiry .pos {
    position: relative
}

#Inquiry .unit {
    position: absolute;
    right: 15px;
    top: 2px;
    color: #212022
}

#Inquiry .sure {
    text-align: right;
    font-size: 14px;
    line-height: 14px;
    color: #4785f9;
    margin-bottom: 15px;
    padding-top: 10px;
    cursor: pointer
}

#Inquiry .retract {
    margin: 20px 15px 15px 0;
    display: inline-block;
    float: right
}

#Inquiry .spanInput {
    margin-bottom: 10px;
    position: relative
}

#Inquiry .close {
    position: absolute;
    right: 10px;
    color: #b3b5b7;
    font-size: 12px;
    top: 5px
}

#Inquiry .show-demand-list .tpl {
    height: auto !important
}

#Inquiry .show-demand-list .show-more {
    display: none !important
}

#Inquiry .show-demand-list .list-info {
    border-bottom: 1px solid #e3e8ee
}

#Inquiry .demand-list {
    position: relative;
    overflow: hidden;
    height: 90px;
    padding-top: 0 !important
}

#Inquiry .list-info {
    height: 50px;
    margin-bottom: 20px;
    padding-top: 5px;
    cursor: pointer
}

#Inquiry .show-more {
    position: absolute;
    top: 2px;
    right: 220px;
    height: 18px;
    width: 56px;
    text-align: center;
    line-height: 18px
}

#Inquiry .close-up {
    height: 18px;
    width: 100%;
    line-height: 18px;
    text-align: center
}

#Inquiry .more-than-one {
    height: 18px;
    width: 56px;
    line-height: 18px;
    background: #78aaff;
    border-radius: 40px;
    font-family: PingFangSC-Light;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

#Inquiry .more-than-one .icon-circle-down {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-left: 0;
    position: relative;
    -webkit-transform: rotate(0) scale(.75, .75);
    -ms-transform: rotate(0) scale(.75, .75);
    transform: rotate(0) scale(.75, .75)
}

#Inquiry .more-than-one .icon-circle-up {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    margin-left: 0;
    position: relative;
    -webkit-transform: rotate(0) scale(.75, .75);
    -ms-transform: rotate(0) scale(.75, .75);
    transform: rotate(0) scale(.75, .75)
}

#Inquiry .add-new-demand {
    display: inline-block;
    font-family: PingFangSC-Light;
    font-size: 14px;
    color: #4785f9;
    letter-spacing: 0;
    height: 2px;
    line-height: 20px;
    margin-top: 10px;
    cursor: pointer
}

@media (max-width: 768px) {
    #Inquiry .tpl .show-more {
        right: 10px !important
    }

    #Inquiry .tpl .time {
        display: none
    }

    #Inquiry .tpl .name {
        display: none
    }

    #Inquiry .tpl .min {
        padding-top: 13px;
        display: table-cell !important
    }

    #Inquiry .tpl .minTime {
        font-size: 12px;
        line-height: 12px
    }

    #Inquiry .tpl .minName {
        font-size: 18px;
        line-height: 18px;
        color: #212022;
        margin-bottom: 11px;
        font-weight: 700
    }
}

@media (max-width: 992px) {
    #Inquiry .container {
        width: 750px
    }

    #Inquiry .phoneT {
        max-height: 13px;
        max-width: 48px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #Inquiry .tpl .show-more {
        right: 10px !important
    }

    #Inquiry .tpl .time {
        display: none
    }

    #Inquiry .tpl .name {
        display: none
    }

    #Inquiry .tpl .min {
        padding-top: 13px;
        display: table-cell !important
    }

    #Inquiry .tpl .minTime {
        font-size: 12px;
        line-height: 12px
    }

    #Inquiry .tpl .minName {
        font-size: 18px;
        line-height: 18px;
        color: #212022;
        margin-bottom: 11px;
        max-width: 121px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 1200px) {
    #Inquiry .container {
        max-width: 970px
    }

    #Inquiry .tpl .show-more {
        right: 115px
    }

    #Inquiry .tpl .info {
        max-width: 446px
    }
}

#RecentCase .slick-slide {
    outline: 0
}

#RecentCase .case {
    width: 1140px;
    margin: 0 auto;
    padding-top: 74px
}

#RecentCase .case-tit {
    font-size: 20px;
    color: #83848e
}

#RecentCase .case-btn {
    width: 100%;
    position: relative
}

#RecentCase .case-flow {
    width: 100%;
    overflow: hidden
}

#RecentCase .case-cutting {
    width: 1170px;
    margin-left: -15px
}

#RecentCase .case-con {
    width: 100%;
    padding-top: 11px
}

#RecentCase .case-one {
    width: 360px;
    float: left;
    display: inline
}

#RecentCase .case-one-margin {
    margin: 0 15px
}

#RecentCase .case-pic {
    width: 100%;
    height: 240px
}

#RecentCase .case-info {
    font-size: 15px;
    color: #212022;
    margin-top: 23px;
    margin-bottom: 0
}

#RecentCase .case-info .price {
    font-size: 24px;
    margin: 0 3px;
    font-weight: 700
}

#RecentCase .case-time {
    color: #83848e;
    font-size: 12px;
    margin-bottom: 26px
}

#RecentCase .case-service {
    color: #83848e;
    font-size: 12px;
    margin-bottom: 4px
}

#RecentCase .case-company {
    font-size: 14px;
    color: #212022;
    font-weight: 700
}

#RecentCase .slick-next {
    position: absolute;
    right: -19px;
    top: 123px;
    outline: 0;
    border: none;
    background: 0 0;
    width: 15px;
    overflow: hidden
}

#RecentCase .slick-prev {
    position: absolute;
    left: -25px;
    top: 123px;
    outline: 0;
    border: none;
    background: 0 0;
    width: 15px;
    overflow: hidden
}

#RecentCase .slick-disabled {
    opacity: 0
}

#RecentCase .pic-box {
    width: 100%;
    height: 100%;
    background-color: #e3e8ee
}

#RecentCase .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

#RecentCase .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

@media (max-width: 1200px) {
    #RecentCase .case {
        width: 940px
    }

    #RecentCase .case-cutting {
        width: 970px
    }

    #RecentCase .case-one {
        width: 30%
    }

    #RecentCase .case-pic {
        height: 195px
    }

    #RecentCase .slick-next, #RecentCase .slick-prev {
        top: 100px
    }
}

@media (max-width: 992px) {
    #RecentCase .case {
        width: 720px
    }

    #RecentCase .case-cutting {
        width: 970px;
        overflow-x: auto
    }

    #RecentCase .case-one {
        width: 282px
    }

    #RecentCase .case-pic {
        height: 183px
    }

    #RecentCase .case-flow {
        height: 344px
    }
}

#Services .services {
    width: 100%;
    background-color: #e3e8ee;
    margin-top: 53px;
    padding-bottom: 46px
}

#Services .s-con {
    width: 1140px;
    margin: 0 auto;
    letter-spacing: 1.5px
}

#Services .sc-title {
    font-size: 30px;
    color: #212022;
    padding-top: 58px
}

#Services .sc-tip {
    font-size: 14px;
    color: #83848e;
    -webkit-font-smoothing: antialiased
}

#Services .sc-box {
    width: 100%;
    overflow: hidden;
    margin-top: 52px
}

#Services .sc-flowwid {
    width: 1170px
}

#Services .scf-list {
    width: 286px;
    float: left
}

#Services .icon {
    color: #4785f9;
    font-size: 36px;
    width: 41px;
    float: left
}

#Services .scf-rt {
    float: left;
    margin-left: 16px;
    display: inline;
    width: 227px;
    -webkit-font-smoothing: antialiased
}

#Services .scf-rt h6 {
    font-size: 18px;
    color: #212022;
    margin-bottom: 16px;
    margin-top: 4px
}

#Services .scf-rt p {
    font-size: 12px;
    color: #83848e;
    line-height: 20px
}

#Services .line {
    float: left;
    width: 1px;
    border-left: 1px dashed #d2d9e0;
    height: 74px;
    margin: 0 75px 0 71px
}

@media (max-width: 1200px) {
    #Services .s-con {
        width: 940px
    }

    #Services .sc-flowwid {
        width: 970px
    }

    #Services .scf-list {
        width: 258px
    }

    #Services .scf-rt {
        width: 199px
    }

    #Services .line {
        border: none;
        margin: 0 43px 0 42px
    }
}

@media (max-width: 992px) {
    #Services .s-con {
        width: 720px
    }

    #Services .sc-flowwid {
        width: 750px
    }

    #Services .scf-list {
        width: 202px
    }

    #Services .scf-rt {
        width: 148px
    }

    #Services .line {
        border: none;
        margin: 0 24px 0 23px
    }

    #Services .icon {
        color: #4785f9;
        font-size: 33px;
        width: 37px;
        float: left
    }
}

#ServiceDetail .services {
    width: 100%;
    margin-top: 101px;
    padding-bottom: 100px
}

#ServiceDetail .s-con {
    width: 1140px;
    margin: 0 auto;
    letter-spacing: 1.5px
}

#ServiceDetail .sc-box {
    width: 100%;
    overflow: hidden;
    margin-top: 52px
}

#ServiceDetail .scf-list {
    width: 256px;
    float: left
}

#ServiceDetail .scf-rt {
    float: left;
    margin-left: 16px;
    display: inline;
    width: 245px;
    -webkit-font-smoothing: antialiased
}

#ServiceDetail .scf-rt h6 {
    font-size: 36px;
    color: #83848e;
    letter-spacing: 3.6px;
    font-weight: 700
}

#ServiceDetail .scf-rt p {
    font-size: 16px;
    color: #83848e;
    letter-spacing: 1.6px
}

#ServiceDetail .line {
    float: left;
    width: 1px;
    border-left: 1px solid #d2d9e0;
    height: 94px;
    margin: 0 75px 0 71px
}

@media (max-width: 1200px) {
    #ServiceDetail .s-con {
        width: 940px
    }

    #ServiceDetail .scf-list {
        width: 258px
    }

    #ServiceDetail .line {
        margin: 0 40px 0 42px
    }
}

@media (max-width: 992px) {
    #ServiceDetail .s-con {
        width: 720px
    }

    #ServiceDetail .scf-list {
        width: 202px
    }

    #ServiceDetail .line {
        border: none;
        margin: 0 0 0 40px
    }
}

#CompletedOrder .co-title {
    font-size: 30px;
    color: #212022;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    letter-spacing: 2px
}

#CompletedOrder .co-tip {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #83848e;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 95px
}

#CompletedOrder .col-lg-4 {
    background-color: #fff;
    padding: 0
}

#CompletedOrder .lists {
    width: 300px;
    background: #f9fafc;
    border: 1px solid #e3e8ee;
    border-radius: 4px;
    padding: 31px 0 33px 26px;
    margin: 0 auto 60px auto;
    -webkit-transition: all .4s cubic-bezier(.4, .5, .5, .4);
    transition: all .4s cubic-bezier(.4, .5, .5, .4)
}

#CompletedOrder .lists h5 {
    font-size: 20px;
    color: #212022;
    letter-spacing: 0;
    height: 20px;
    line-height: 20px;
    margin: 0 0 50px 0;
    font-weight: 700
}

#CompletedOrder .lists p {
    font-size: 14px;
    color: #83848e;
    letter-spacing: 0;
    height: 12px;
    line-height: 12px;
    margin-bottom: 21px
}

#CompletedOrder .lists .icon-checkmark02 {
    font-size: 14px;
    color: #38c254;
    margin-right: 8px
}

#CompletedOrder .lists .price {
    margin-top: 40px;
    margin-bottom: 10px;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    color: #212022;
    letter-spacing: 0
}

#CompletedOrder .lists .price span {
    font-size: 20px;
    color: #212022;
    letter-spacing: 0;
    margin-right: 6px
}

#CompletedOrder .lists .company {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 12px
}

#CompletedOrder .order-list-2 .lists {
    margin: 0 auto 100px auto
}

#CompletedOrder .lists:hover {
    -webkit-box-shadow: 0 1px 24px 2px rgba(71, 133, 249, .3);
    box-shadow: 0 1px 24px 2px rgba(71, 133, 249, .3);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
}

@media (max-width: 992px) {
    #CompletedOrder .order-list-2 .lists-bottom {
        margin: 0 auto 60px auto
    }
}

#CompletedOrder .note {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #83848e;
    letter-spacing: 1.2px;
    margin: 50px 0 80px 0
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#Users .repair-user {
    background-color: #f7faff;
    padding-bottom: 66px
}

#Users .repair-user .user-title {
    font-size: 30px;
    color: #212022;
    padding-top: 60px;
    margin-bottom: 18px;
    margin-top: 0;
    letter-spacing: 2px
}

#Users .repair-user .user-tip {
    font-size: 14px;
    color: #83848e;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 97px
}

#Users .repair-user .pic-1 .col-lg-3 {
    height: 74px;
    line-height: 74px
}

#Users .repair-user .pic-1 .her-1 .img-top {
    width: 100px;
    height: 30px
}

#Users .repair-user .pic-1 .her-2 .img-top {
    width: 140px;
    height: 40px
}

#Users .repair-user .pic-1 .her-3 .img-top {
    width: 100px;
    height: 29px
}

#Users .repair-user .pic-1 .her-4 .img-top {
    width: 150px;
    height: 67px
}

#Users .repair-user .pic-2 {
    margin-top: 45px
}

#Users .repair-user .pic-2 .col-lg-3 {
    height: 84px;
    line-height: 84px
}

#Users .repair-user .pic-2 .her-1 .img-bottom {
    width: 100px;
    height: 35px
}

#Users .repair-user .pic-2 .her-2 .img-bottom {
    width: 160px;
    height: 40px
}

#Users .repair-user .pic-2 .her-3 .img-bottom {
    width: 88px;
    height: 40px
}

#Users .repair-user .pic-2 .her-4 .img-bottom {
    width: 120px;
    height: 35px
}

#ItemFooter {
    background-color: #212022;
    padding-top: 50px;
    padding-bottom: 7px
}

#ItemFooter .item-top {
    width: 1140px;
    margin: 0 auto
}

#ItemFooter .item-logo {
    float: left;
    width: 254px
}

#ItemFooter .item-logo .icon-logo {
    font-size: 24px;
    color: #83848e
}

#ItemFooter .item-link {
    width: 616px;
    float: left
}

#ItemFooter .link-one {
    float: left;
    font-size: 14px;
    color: #b3b5b7;
    margin-right: 110px;
    display: inline;
    margin-bottom: 24px;
    width: 75px
}

#ItemFooter .link-two {
    float: left;
    font-size: 12px;
    color: #83848e;
    margin-right: 110px;
    display: inline;
    width: 75px;
    height: 31px;
    -webkit-transition: all .2s cubic-bezier(.4, .5, .5, .4);
    transition: all .2s cubic-bezier(.4, .5, .5, .4)
}

#ItemFooter .link-two span {
    float: left;
    height: 16px
}

#ItemFooter .link-two:hover span {
    border-bottom: 1px solid #83848e
}

#ItemFooter .item-help {
    float: right;
    width: 214px
}

#ItemFooter .item-help h1 {
    font-size: 14px;
    color: #b3b5b7;
    margin-top: 2px;
    margin-bottom: 15px
}

#ItemFooter .item-help h6 {
    font-size: 24px;
    color: #b3b5b7;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 6px
}

#ItemFooter .work-time {
    font-size: 12px;
    color: #83848e;
    margin-bottom: 6px
}

#ItemFooter .btn-help {
    width: 90px;
    height: 32px;
    padding: 0;
    font-size: 14px;
    border-radius: 2px;
    border-color: transparent;
    background-color: #4785f9
}

#ItemFooter .btn-help:hover {
    background: #357ae8
}

#ItemFooter .btn-help:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

#ItemFooter .item-bottom {
    width: 100%;
    border-top: 1px solid #3c3a3f;
    text-align: center;
    font-size: 12px;
    color: #5e5a64;
    margin-top: 39px;
    height: 40px;
    line-height: 28px
}

#ItemFooter .newline {
    margin-right: 200px
}

@media (max-width: 1200px) {
    #ItemFooter .item-top {
        width: 940px
    }

    #ItemFooter .item-logo {
        width: 232px
    }

    #ItemFooter .link-one {
        margin-right: 81px
    }

    #ItemFooter .item-link {
        width: 450px
    }

    #ItemFooter .link-two {
        margin-right: 81px
    }

    #ItemFooter .item-help {
        width: 227px
    }

    #ItemFooter .newline {
        margin-right: 110px
    }
}

@media (max-width: 992px) {
    #ItemFooter .item-top {
        width: 720px
    }

    #ItemFooter .item-logo {
        width: 168px
    }

    #ItemFooter .link-one {
        margin-right: 44px
    }

    #ItemFooter .item-link {
        width: 339px
    }

    #ItemFooter .link-two {
        margin-right: 44px
    }

    #ItemFooter .item-help {
        width: 207px
    }

    #ItemFooter .newline {
        margin-right: 60px
    }
}
